@charset "utf-8";
/* CSS Document */
html,body{width: 100%;height: 100%;}
.act_ive{overflow:hidden;}
.header{width:100%;background:#fff;height:100px;position:fixed;left:0px;top:0px;z-index:10;-webkit-transition: all .5s;transition: all .5s;}
.top{padding:0px 15px;max-width:1200px;margin:0px auto;}
.logo_l{float:left;padding-top:25px;display:block;}
.logo_l img{max-height:50px;max-width: 250px;vertical-align:middle;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.nav{height:100px;line-height:100px;float:right;}
.nav ul li{line-height:100px;text-align: center;font-size: 18px;color: #ffffff;float:left;position:relative;}
.nav ul li a.dnc_mdfe{color: #333;font-size:16px;height: 100px;line-height: 100px;display:block;padding: 0 25px;}
.nav ul li.omm a.dnc_mdfe{color:#fff;background: #d80808;}
.nav ul li a.dnc_mdfe:hover{color:#fff;background: #d80808;}
.ter{transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.nre_mdc{position:absolute;left: -50px;top:100px;min-width: 100%;display:none;z-index:1;transition: all .6s ease 0s;width:240px;}
.nre_mdc a{display:block;line-height:20px;padding:8px 10px;margin:0px;color:#fff;font-size: 15px;text-align:center;background: rgba(0,0,0,0.73);border-top: solid 1px rgba(255,255,255,0.2);} 
.nre_mdc a:hover{color:#fff;background: #d80808;}

.header_m{height:80px;-webkit-transition: all .5s;transition: all .5s;}
.header_m .logo_l img{max-height:40px;max-width:250px;vertical-align:middle;margin-top:5px;}
.header_m .logo_l{float:left;padding-top:15px;display:block;}
.header_m .nav{height:80px;line-height:80px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.header_m .nav ul li{line-height:80px;font-size: 16px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.header_m .nav ul li a.dnc_mdfe{font-size:16px;height: 80px;line-height: 80px;padding: 0 25px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}

.header_m .nre_mdc{top:80px;}

.mul_m{display:none;float:right;margin-top: 3px; width: 30px; height: 50px;}
.mul_m span, .mul_m:after, .mul_m:before {display: block;height: 2px;width: 100%;background: #d80808; -webkit-transition: all .5s;transition: all .5s;}
.mul_m span { margin: 7px 0;}
.mul_m:after, .mul_m:before {content: '';-webkit-transform-origin: 7.5%; transform-origin: 7.5%;}


.clicked.clicked span { -webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;}
.clicked.clicked:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.clicked.clicked:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.wap_nav{width:0px;position:fixed;left:0px;top:0px;height:0px;overflow:hidden;background: #f3f3f3;-webkit-transition: all .5s;transition: all .5s;z-index:2;height:100%;overflow-y:scroll;}
.ap_n_bg{position:fixed;left:0px;top:0px;background:rgba(255,255,255,0);width:100%;height:100%;display:none;}
.wap_nav_lh{width:0px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.wap_nav ul li{min-height: 50px;line-height: 50px;border-bottom: 1px solid rgba(0,0,0,.1);color: rgba(0,0,0,.7);text-align: left;position:relative;}
.wap_nav ul li a.dnc_md_fe{display:block;color:#777;font-size:13px;padding: 0 35px;}
.wap_nav ul li a.dnc_md_fe:after{content: "";position: absolute;left: 15px;top:20px;width: 7px;height: 7px;border:1px solid #777;border-radius:50%;}

.nre_m_mdc{border-top: 1px solid rgba(0,0,0,.1);display:none;overflow-y:scroll;max-height:220px;}
.nre_m_mdc a{display:block;height: 44px;line-height: 44px;padding: 0 35px;background: #f3f3f3;text-align: left;color:#777 !important;font-size:14px;border-bottom: 1px solid rgba(0,0,0,.1);position:relative;}
.nre_m_mdc a:after{content:' ';position:absolute;top:50%;margin-top:-3px;left:15px;width:5px;height:5px;border:#3e3e3e solid;border-width:1px 1px 0px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.ip_down{display:block;position:absolute;right: 0px;top: 0px;width: 32px;z-index: 1;height:50px;background: #f3f3f3;padding-right: 15px;}
.ip_down:before,.ip_down:after{ content: ""; position: absolute; left:19px; top:24px; width: 12px; height: 2px; background: #777;}
.ip_down:after{transform:rotate(90deg); transition: all .3s cubic-bezier(.4,.01,.165,.99);}
.wap_nav ul li a.add_mdf:after{transform:rotate(0deg);}
.wap_nav ul li.omm{color: #fff;background: #d80808;}
.wap_nav ul li.omm a{color:#fff;}
.wap_nav ul li.omm  a.dnc_md_fe:after{content: "";position: absolute;left: 15px;top:20px;width: 7px;height: 7px;border:1px solid #fff;border-radius:50%;}
.wap_nav ul li.omm .ip_down{background: #d80808;}
.wap_nav ul li.omm .ip_down:before,.wap_nav ul li.omm .ip_down:after {background:#fff;}

.wap_secr{position: fixed;z-index: 99999;left: 100%;bottom: 0;top: 0;width: 90%;background:rgba(0,0,0,.85);padding: 35px 5% 0 5%;-webkit-transition: all .5s;transition: all .5s;}
.wap_secr ul{width: 99%;margin:50px auto;}
.wap_secr.select{left:0px;}
.wap_secr ul{position:relative;}
.clst_xc{display: block;position:absolute;right: 0px;top: -40px;width:30px;height:30px;background: url(../images/i_ndf.png) -32px -300px no-repeat;cursor:pointer;}
.wap_secr em{display:block;line-height:50px;overflow:hidden;background:#fff;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;margin-top: 80px;position: relative;}
.tp_t_mxt1{height:50px;background:none;color:#666;font-size:16px;border:0px;outline:none;width: 95%;padding-left: 3%;}
.tp_t_mxt2{background: url(../images/secr1.png) center center no-repeat;cursor:pointer;background-size:28px 28px;width: 50px;height: 52px;border:0px;font-size:0px;cursor: pointer;position: absolute;right: 0px;top: 0px;display: block;z-index: 1;}
.serch_dr{display:inline-block;vertical-align: middle;width: 35px;height:35px;background: #d80808 url(../images/secr.png) center center no-repeat;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin-left: 20px;}
.serch_dr_wap{display:none;}
.index_cinran{padding-top:100px;}

@media (max-width:1300px) {
.nav ul li a.dnc_mdfe{padding: 0 20px;}
.header_m .nav ul li a.dnc_mdfe{padding: 0 20px;}
}
@media (max-width:1150px) {
.nav ul li a.dnc_mdfe{padding: 0 12px;}
.header_m .nav ul li a.dnc_mdfe{padding: 0 15px;}
}

@media (max-width:1050px) {
.nav{display:none;}
.mul_m{display:block;position:absolute;left:15px;top:15px;margin-top:0px;height:35px;}
.header{height:54px;background: #fff;}
.top{position:relative;}
.logo_l{padding-top:0px;text-align:center;display:block;padding: 0px 48px;margin-top:0px;margin-left:0px;float: none;}
.logo_l img{max-height: 40px;max-width: 345px;margin-top: 5px;}
.wap_nav_lh{width:260px;}
.header_m .logo_l{padding-top:0px;text-align:center;display:block;width:100%;margin-top:0px;margin-left:0px;}
.index_cinran{padding-top:54px;}
.nre_mdc{top:50px;}
.container_active{transform: translateX(260px);transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.serch_dr_wap{position:absolute;right:15px;top:10px;display:block;}
}